<div class="layui-col-md4" style="width: 25%">

    <div class="fly-panel fly-signin">
        <div class="fly-panel-title">
            签到
            <i class="fly-mid"></i>
            <a href="javascript:;" class="fly-link" id="LAY_signinHelp">说明</a>
            <i class="fly-mid"></i>
            <a href="javascript:;" class="fly-link" id="LAY_signinTop">活跃榜
                <#--<span class="layui-badge-dot"></span>-->
            </a>
            <span class="fly-signin-days">已连续签到<cite>${userInfo.signDays}</cite>天</span>
        </div>
        <div class="fly-panel-main fly-signin-main">
            <#if userInfo.isSignIn == false>
                <button class="layui-btn layui-btn-danger" id="LAY_signin">今日签到</button>
                <span>可获得<cite>${userInfo.signPoint}</cite>飞吻</span>
            </#if>
            <#if userInfo.isSignIn == true>
                <button class="layui-btn layui-btn-disabled">今日已签到</button>
                <span>获得了<cite>${userInfo.signPoint}</cite>飞吻</span>
            </#if>
        </div>
    </div>

    <div class="fly-panel fly-rank fly-rank-reply" id="LAY_replyRank">
        <h3 class="fly-panel-title">评论周榜</h3>
        
        <@commentMaxUsers>
            <#if results?size gt 0>
                <dl>
                <#list results as item >
                    <dd>
                        <a href="/user/other/home/${item.username}">
                            <img src="${item.avatar}" alt="${item.username}">
                            <cite>${item.username}</cite>
                            <i>${item.currWeekCommentCount}次回答</i>
                        </a>
                    </dd>
                </#list>
                </dl>
            </#if>
            
            <#-- 无数据时 -->
            <#if results?size == 0>
                <div class="fly-none" style="min-height: 42px;padding-top: 30px">没有相关数据</div>
            </#if>
        </@commentMaxUsers>
        
    </div>

    <dl class="fly-panel fly-list-one">
        <dt class="fly-panel-title">本周热议</dt>
        <@hots>
            <#list results as item >
                <dd>
                    <a href="/post/${item.id}">${item.title}</a>
                    <span><i class="iconfont icon-pinglun1"></i> ${item.commentCount}</span>
                </dd>
            </#list>
        <#-- 无数据时 -->
            <#if results?size == 0>
                <div class="fly-none" style="min-height: 52px;padding-top: 30px">没有相关数据</div>
            </#if>
        </@hots>
    </dl>

    <div class="fly-panel">
        <h3 class="fly-panel-title">温馨通道</h3>
        <ul class="fly-panel-main fly-list-static">
            <li>
                <a href="https://gitee.com/kkcoco" target="_blank">博主 的 Gitee</a>
            </li>
            <li>
                <a href="https://github.com/Coco-king" target="_blank">博主 的 GitHub</a>
            </li>
            <li>
                <a href="https://gitee.com/sentsin/layui" target="_blank">Layui 的 Gitee (码云) 仓库，欢迎Star</a>
            </li>
            <li>
                <a href="https://github.com/sentsin/layui" target="_blank">Layui 的 GitHub 仓库，欢迎Star</a>
            </li>
            <li>
                <a href="https://gitee.com/layui" target="_blank">Layui 常见问题的处理和实用干货集锦</a>
            </li>
        </ul>
    </div>

    <#--<div class="fly-panel">
        <div class="fly-panel-title">
            这里可作为广告区域
        </div>
        <div class="fly-panel-main">
            <a href="http://layim.layui.com/?from=fly" target="_blank" class="fly-zanzhu"
               time-limit="2017.09.25-2099.01.01" style="background-color: #5FB878;">LayIM 3.0 - layui
                旗舰之作</a>
        </div>
    </div>-->

    <div class="fly-panel fly-link">
        <h3 class="fly-panel-title">友情链接</h3>
        <dl class="fly-panel-main">
            <dd>
                <a class="a-icon-center-align" href="https://gitee.com/sentsin/layui" target="_blank">
                    <img class="a-icon-center-align-img" alt="Gitee" src="/res/images/gitee-icon.ico">
                    <span style="margin-left: 20px">Layui</span>
                </a>
            </dd>
            <dd>
                <a class="a-icon-center-align" href="https://github.com/sentsin/layui" target="_blank">
                    <img class="a-icon-center-align-img" alt="Github" src="/res/images/github-icon.png">
                    <span style="margin-left: 20px">Layui</span>
                </a>
            </dd>
            <dd></dd>
            <#--<dd>
                <a href="mailto:xianxin@layui-inc.com?subject=%E7%94%B3%E8%AF%B7Fly%E7%A4%BE%E5%8C%BA%E5%8F%8B%E9%93%BE"
                   class="fly-link">申请友链</a>
            <dd>-->
        </dl>
    </div>
    <style>
        .a-icon-center-align {
            display: block;
            height: 24px;
            position: relative;
        }

        .a-icon-center-align-img {
            position: absolute;
            top: 4px;
            width: 16px;
            height: 16px;
        }
    </style>

</div>
